<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="" method="get">
        <div class="input-group">
            <lable>用户名:</lable>
            <input type="text" name="user">
        </div>
        <div class="input-group">
            <lable>密&emsp;码:</lable>
            <input type="text" name="pwd">
        </div>
        <div class="input-group">
            <lable>手机号:</lable>
            <input type="text" name="phone">
        </div>
        <div class="input-group">
            <lable>邮&emsp;箱:</lable>
            <input type="text" name="email">
        </div>
        <div class="input-group">
            <input type="submit" class="btn" value="注册">
        </div>
    </form>

    <p>
        <a href="#one">one</a>
        <a href="#two">two</a>
    </p>


    <p>
        <button class="get">取值</button>
        <button class="set">赋值</button>
    </p>
</body>
<script>
    // url组成
    // https://www.baidu.com:443/index.html
    // http://127.0.0.1:5500/day24/html/13%20location.html?user=a123123&pwd=123123&phone=17386141517&email=wlc1272071495%40gmail.com#two

    
    // location  地址栏对象(存放url相关信息)

    // 属性
    // protocol   获取和设置url的协议部分
    // hostname   获取和设置url的域名部分
    // port       获取和设置url的端口部分
    // host       获取和设置url的域名 + 端口部分 
    // origin       获取和设置url的 协议 + 域名 + 端口部分 
    // pathname    获取和设置url的文件路径部分

    // search      获取和设置url的参数数据部分
    // hash        获取和设置url的hash值部分
    // href        获取和设置url 

    // 方法
    //  location.reload();  // 刷新页面


    console.log(location);


    var getBtn = document.querySelector(".get");
    var setBtn = document.querySelector(".set");

    getBtn.onclick = function(){
        console.log(location.protocol);
        console.log(location.hostname);
        console.log(location.port);
        console.log(location.host);
        console.log(location.origin);
        console.log(location.pathname);
        console.log(location.search);
        console.log(location.search.slice(1));
        console.log(location.hash);
        console.log(location.href);
    }

    setBtn.onclick = function(){
        // location.protocol = "https:";
        // location.host = "localhost";
        // location.port = "5656";

        // location.pathname = "/day21/html/15 swiper演示.html";

        // location.search= "?a=1&b=2"
        // location.hash = "#two"

        // location.href = "https://www.baidu.com";
        // location.href = "../../day21/html/15 swiper演示.html";

        // location.reload();  // 刷新页面,是否不使用缓存(默认false)
        // location.reload(true); // 刷新页面 

        history.go();
    }



</script>
</html>